const btnClick = {
  bindEvent(slider) {
    const leftBtn = document.getElementById("leftbtn");
    const rightBtn = document.getElementById("rightbtn");
    const circles_ol = document.querySelector("#circles ol");

    leftBtn.onclick = () => {
      slider.prev();

      slider.idx--;

      if (slider.idx === -1) {
        slider.idx = 4;
      }

      slider.setCircles();
    };

    rightBtn.onclick = function () {
      slider.next();

      slider.idx++;

      slider.setCircles();
    };

    //事件委托  进行 小圆点点击监听
    circles_ol.onclick = function (e) {
      if (e.target.tagName.toLowerCase() == "li") {
        //得到li身上对应的data-n属性
        let n = Number(e.target.getAttribute("data-n"));

        //改变index
        slider.idx = n;

        //拉动
        slider.to(slider.idx);

        //设置小圆点
        slider.setCircles();
      }
    };
  },
};

export default btnClick;
